<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>House Price Feature</title>
<link rel="shortcut icon" href="favicon.ico" />
<!-- Load CSS -->
<link href="{{url_for('static', filename='css/style.css')}}" rel="stylesheet" type="text/css" />
<!-- Load Fonts -->
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Droid+Serif:regular,italic,bold,bolditalic" type="text/css" />
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold" type="text/css" />
<!-- Load jQuery library -->
<script type="text/javascript" src="{{url_for('static', filename='scripts/jquery-1.6.2.min.js')}}"></script>
<!-- Load custom js -->
<script type="text/javascript" src="{{url_for('static', filename='scripts/panelslide.js')}}"></script>
<script type="text/javascript" src="{{url_for('static', filename='scripts/custom.js')}}"></script>
<!-- Load topcontrol js -->
<script type="text/javascript" src="{{url_for('static', filename='scripts/scrolltopcontrol.js')}}"></script>
<!-- Load NIVO Slider -->
<link rel="stylesheet" href="{{url_for('static', filename='css/nivo-slider.css')}}" type="text/css" media="screen" />
<link rel="stylesheet" href="{{url_for('static', filename='css/nivo-theme.css')}}" type="text/css" media="screen" />
<script src="{{url_for('static', filename='scripts/jquery.nivo.slider.pack.js')}}" type="text/javascript"></script>
<script src="{{url_for('static', filename='scripts/nivo-options.js')}}" type="text/javascript"></script>
<!-- Load fancybox -->
<script type="text/javascript" src="{{url_for('static', filename='scripts/jquery.fancybox-1.3.4.pack.js')}}"></script>
<script type="text/javascript" src="{{url_for('static', filename='scripts/jquery.easing-1.3.pack.js')}}"></script>
<script type="text/javascript" src="{{url_for('static', filename='scripts/jquery.mousewheel-3.0.4.pack.js')}}"></script>
<link rel="stylesheet" href="{{url_for('static', filename='css/jquery.fancybox-1.3.4.css')}}" type="text/css" media="screen" />
</head>
<body>
<!--This is the START of the header-->
<div id="topcontrol" style="position: fixed; bottom: 5px; left: 960px; opacity: 1; cursor: pointer;" title="Go to Top"></div>
<div id="header-wrapper">
  <div id="header">
    <div id="logo"><a href="/"><img src="{{url_for('static', filename='images/logo.png')}}" width="100" height="80" alt="logo" /></a></div>
    <div id="header-text">
      <h4>It's time to engineer the features</h4>
      <h6><a href="/">Home</a> → Feature</h6>
    </div>
  </div>
</div>
<!--END of header-->
<!--END of header-->
<!--This is the START of the menu-->
<div id="menu-wrapper">
    <div id="main-menu">
      <ul>
        <li><a href="/">Home</a></li>
        <li><a href="/background">Background</a></li>
        <li><a href="/heatmap">Heatmap</a></li>
        <li><a href="/describe">Describe</a></li>
        <li><a class="selected" href="/feature">Features →</a></li>
        <li><a href="/data">Model</a></li>
      </ul>
    </div>
    <!--This is the START of the footer-->
    <div id="footer">
        <h6>© 2019 Kaggle Inc 
        <a href="https://www.kaggle.com/c/house-prices-advanced-regression-techniques" title="kaggle" target="_blank">
          House Prices: Advanced Regression Techniques</a></h6>
      </div>
      <!--END of footer-->
  </div>
  <!--END of menu-->
<!--This is the START of the content-->
<div id="content">
  <!--This is the START of the blog section-->
  <div id="blog">
    <div class="blog-item"> <a href="/missing"><img class="single_image" src="{{url_for('static', filename='images/heatmap/missing.png')}}" width="280" height="180" alt="blog1" /></a>
      <div class="blog-item-content"> <a href="/missing">
        <h5>Missing values checking and filling</h5>
        </a>
        <p>Some of the columns have missing values, we need to check them. Based on descriptions of factors, filling missing values with different strategy</p>
        <a class="readmore" href="/missing">read more →</a> <br />
      </div>
    </div>
    <div class="blog-item"> <a href="/normal"><img class="single_image" src="{{url_for('static', filename='images/heatmap/normal.png')}}" width="280" height="180" alt="blog2" /></a>
      <div class="blog-item-content">
        <a href="/normal">
        <h5>Normalizing factors</h5>
        </a>
        <p>For factors which are not normal, box-cox transformation will be performed to normalize.</p>
        <a class="readmore" href="/normal">read more →</a> <br />
      </div>
    </div>
  <!--END of blog section-->
</div>
<!--END of content-->
</div>
</body>
</html>